<template>
  <div class="home">
    <header class="header">
      <!-- 头部 -->
      <HeaderLayer></HeaderLayer>
    </header>
    <section class="main-layer">
      <section class="left-layer">
        <!-- menu -->
        <MenuLayer></MenuLayer>
      </section>
      <section class="right-layer">
        <!-- 主体内容 -->
        <PageNavLayer></PageNavLayer>
        <AccessLayer></AccessLayer>
      </section>
    </section>
  </div>
</template>

<script>
import HeaderLayer from "../components/HeaderLayer.vue";
import MenuLayer from "../components/MenuLayer.vue";
import PageNavLayer from "../components/PageNavLayer.vue";
import AccessLayer from "../components/AccessLayer.vue";

export default {
  name: "HomeView",
  components: { HeaderLayer, MenuLayer, PageNavLayer, AccessLayer },
};
</script>
